<template>
	<view>
		<!-- 头部 -->
		<view class="navbar" :style="{ height: navH + 'rpx', opacity: opacity }">
			<view class="navbarH" :style="'height:' + navH + 'rpx;'">
				<view class="navbarCon acea-row row-center-wrapper">
					<view class="header acea-row row-center-wrapper">
						<view class="item" :class="navActive === index ? 'on' : ''" v-for="(item, index) in navList" :key="index" @tap="tap(item, index)">{{ item }}</view>
					</view>
				</view>
			</view>
		</view>
		<view class="iconfont icon-xiangzuo" :style="'top:' + navH / 2 + 'rpx'" @tap="returns"></view>
		<!-- 详情 -->
		<view class="product-con">
			<scroll-view :scroll-top="scrollTop" scroll-y="true" scroll-with-animation="true" :style="'height:' + height + 'px;'" @scroll="scroll">
				<view id="past0">
					<productConSwiper :imgUrls="imgUrls"></productConSwiper>
					<view class="wrapper">
						<view class="share acea-row row-between row-bottom">
							<view class="money font-color">
								￥
								<text class="num">{{ storeInfo.price || 0 }}</text>
								<text class="y-money">￥{{ storeInfo.product_price || 0 }}</text>
							</view>
							<view class="iconfont icon-fenxiang" @click="listenerActionSheet"></view>
						</view>
						<view class="introduce">{{ storeInfo.title }}</view>
						<view class="label acea-row row-between-wrapper">
							<view class="stock">类型：{{ storeInfo.people || 0 }}人团</view>
							<view>累计销量：{{ storeInfo.total ? storeInfo.total : 0 }} {{ storeInfo.unit_name || '' }}</view>
							<view>限购: {{ storeInfo.quota_show ? storeInfo.quota_show : 0 }} {{ storeInfo.unit_name || '' }}</view>
						</view>
					</view>
					<view class="attribute acea-row row-between-wrapper" @tap="selecAttr" v-if="attribute.productAttr.length">
						<view>
							{{ attr }}：
							<text class="atterTxt">{{ attrValue }}</text>
						</view>
						<view class="iconfont icon-jiantou"></view>
					</view>
					<view class="notice acea-row row-middle">
						<view class="num font-color">
							<text class="iconfont icon-laba"></text>
							已拼{{ pink_ok_sum }}件
							<text class="line">|</text>
						</view>
						<view class="swiper">
							<swiper :indicator-dots="indicatorDots" :autoplay="autoplay" interval="2500" duration="500" vertical="true" circular="true">
								<block v-for="(item, index) in itemNew" :key="index">
									<swiper-item>
										<view class="line1">{{ item }}</view>
									</swiper-item>
								</block>
							</swiper>
						</view>
					</view>
					<view class="assemble">
						<view class="item acea-row row-between-wrapper" v-for="(item, index) in pink" :key="index" v-if="index < AllIndex">
							<view class="pictxt acea-row row-between-wrapper">
								<view class="pictrue"><image :src="item.avatar"></image></view>
								<view class="text line1">{{ item.nickname }}</view>
							</view>
							<view class="right acea-row row-middle">
								<view>
									<view class="lack">
										还差
										<text class="font-color">{{ item.count }}</text>
										人成团
									</view>
									<view class="time">
										<count-down
											:is-day="false"
											:tip-text="' '"
											:day-text="' '"
											:hour-text="':'"
											:minute-text="':'"
											:second-text="' '"
											:datatime="item.stop_time"
										></count-down>
									</view>
								</view>
								<navigator hover-class="none" :url="'/pages/activity/goods_combination_status/index?id=' + item.id" class="spellBnt">
									去拼单
									<text class="iconfont icon-jiantou"></text>
								</navigator>
							</view>
						</view>
						<!-- <view class='more' @tap='showAll' v-if="pink.length >= AllIndex">查看更多<text class='iconfont icon-xiangxia'></text></view>
						<view class='more' @tap='hideAll' v-else="pink.length >= AllIndex && !pink.length">收起<text class='iconfont icon-xiangxia'></text></view> -->
					</view>
					<view class="playWay">
						<view class="title acea-row row-between-wrapper">
							<view>拼团玩法</view>
							<!-- <navigator hover-class='none' class='font-color' url='/pages/activity/goods_combination_rule/index'>查看规则<text class="iconfont icon-jiantou"></text></navigator> -->
						</view>
						<view class="way acea-row row-middle">
							<view class="item">
								<text class="num">①</text>
								开团/参团
							</view>
							<view class="iconfont icon-arrow"></view>
							<view class="item">
								<text class="num">②</text>
								邀请好友
							</view>
							<view class="iconfont icon-arrow"></view>
							<view class="item">
								<view>
									<text class="num">③</text>
									满员发货
								</view>
								<!-- <view class='tip'>不满自动退款</view> -->
							</view>
						</view>
					</view>
				</view>
				<view class="userEvaluation" id="past1">
					<view class="title acea-row row-between-wrapper">
						<view>用户评价({{ replyCount }})</view>
						<navigator class="praise" hover-class="none" :url="'/pages/users/goods_comment_list/index?product_id=' + storeInfo.product_id">
							<text class="font-color">{{ replyChance || 0 }}%</text>
							好评率
							<text class="iconfont icon-jiantou"></text>
						</navigator>
					</view>
					<userEvaluation :reply="reply"></userEvaluation>
				</view>
				<view class="product-intro" id="past2">
					<view class="title">产品介绍</view>
					<view class="conter">
						<!-- <rich-text :nodes="storeInfo.description" class="conter"></rich-text> -->
						<jyf-parser :html="storeInfo.description" ref="article" :tag-style="tagStyle"></jyf-parser>
					</view>
				</view>
				<view style="height:120rpx;"></view>
			</scroll-view>
			<view class="footer acea-row row-between-wrapper">
				<!-- #ifdef MP -->
				<button open-type="contact" hover-class="none" class="item">
					<view class="iconfont icon-kefu"></view>
					<view>客服</view>
				</button>
				<!-- #endif -->
				<!-- #ifndef MP -->
				<navigator hover-class="none" class="item" url="/pages/customer_list/index">
					<view class="iconfont icon-kefu"></view>
					<view>客服</view>
				</navigator>
				<!-- #endif -->
				<view @tap="setCollect" class="item">
					<view class="iconfont icon-shoucang1" v-if="storeInfo.userCollect"></view>
					<view class="iconfont icon-shoucang" v-else></view>
					<view>收藏</view>
				</view>
				<view class="bnt acea-row">
					<view class="joinCart bnts" @tap="goProduct">单独购买</view>
					<view class="buy bnts" @tap="goCat" v-if="attribute.productSelect.product_stock > 0 && attribute.productSelect.quota > 0">立即开团</view>
					<view class="buy bnts bg-color-hui" v-if="attribute.productSelect.quota <= 0 || attribute.productSelect.product_stock <= 0">已售罄</view>
				</view>
			</view>
		</view>

		<!-- 分享按钮 -->
		<view class="generate-posters acea-row row-middle" :class="posters ? 'on' : ''">
			<!-- #ifndef MP -->
			<button class="item" hover-class="none" v-if="weixinStatus === true" @click="setShareInfoStatus">
				<view class="iconfont icon-weixin3"></view>
				<view class="">发送给朋友</view>
			</button>
			<!-- #endif -->
			<!-- #ifdef MP -->
			<button class="item" open-type="share" hover-class="none" @click="goFriend">
				<view class="iconfont icon-weixin3"></view>
				<view class="">发送给朋友</view>
			</button>
			<!-- #endif -->
			<button class="item" hover-class="none" @tap="goPoster">
				<view class="iconfont icon-haibao"></view>
				<view class="">生成海报</view>
			</button>
		</view>
		<view class="mask" v-if="posters" @click="listenerActionClose"></view>

		<!-- 海报展示 -->
		<view class="poster-pop" v-if="posterImageStatus">
			<image src="/static/images/poster-close.png" class="close" @click="posterImageClose"></image>
			<image :src="posterImage"></image>
			<!-- #ifndef H5  -->
			<view class="save-poster" @click="savePosterPath">保存到手机</view>
			<!-- #endif -->
			<!-- #ifdef H5 -->
			<view class="keep">长按图片可以保存到手机</view>
			<!-- #endif -->
		</view>
		<view class="mask" v-if="posterImageStatus"></view>
		<canvas class="canvas" canvas-id="myCanvas" v-if="canvasStatus"></canvas>
		<!-- #ifdef MP -->
		<!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> -->
		<!-- #endif -->
		<home></home>
		<product-window
			:attr="attribute"
			:limitNum="1"
			@myevent="onMyEvent"
			@ChangeAttr="ChangeAttr"
			@ChangeCartNum="ChangeCartNum"
			@iptCartNum="iptCartNum"
			@attrVal="attrVal"
		></product-window>
	</view>
</template>

<script>
const app = getApp();
import { mapGetters } from 'vuex';
// #ifdef MP
import authorize from '@/components/Authorize';
// #endif
import productConSwiper from '@/components/productConSwiper/index.vue';
import { toLogin } from '@/libs/login.js';
import { getCombinationDetail, scombinationCode } from '@/api/activity.js';
import { postCartAdd, collectAdd, collectDel } from '@/api/store.js';
import { imageBase64 } from '@/api/public';
import parser from '@/components/jyf-parser/jyf-parser';
import home from '@/components/home/index.vue';
import productWindow from '@/components/productWindow/index.vue';
import userEvaluation from '@/components/userEvaluation/index.vue';
import countDown from '@/components/countDown/index.vue';
import { getProductCode } from '@/api/store.js';
export default {
	components: {
		productConSwiper,
		// #ifdef MP
		authorize,
		// #endif
		'jyf-parser': parser,
		home,
		'product-window': productWindow,
		userEvaluation,
		countDown
	},
	computed: mapGetters({
		isLogin: 'isLogin',
		userData: 'userInfo'
	}),
	data() {
		return {
			navH: '',
			id: 0,
			userInfo: {},
			itemNew: [],
			indicatorDots: false,
			circular: true,
			autoplay: true,
			interval: 3000,
			duration: 500,
			attribute: {
				cartAttr: false,
				productAttr: [],
				productSelect: {}
			},
			productValue: [],
			isOpen: false,
			attr: '请选择',
			attrValue: '',
			AllIndex: 2,
			replyChance: '',
			limitNum: 1,
			timeer: null,
			iSplus: false,
			navH: '',
			navList: ['商品', '评价', '详情'],
			opacity: 0,
			scrollY: 0,
			topArr: [],
			toView: '',
			height: 0,
			heightArr: [],
			lock: false,
			scrollTop: 0,
			storeInfo: {},
			pink_ok_sum: 0,
			pink: [],
			replyCount: 0,
			reply: [],
			imgUrls: [],
			sharePacket: '',
			tagStyle: {
				img: 'width:100%;'
			},
			posters: false,
			weixinStatus: false,
			posterImageStatus: false,
			canvasStatus: false, //海报绘图标签
			storeImage: '', //海报产品图
			PromotionCode: '', //二维码图片
			posterImage: '', //海报路径
			posterbackgd: '/static/images/posterbackgd.png',
			navActive: 0,
			actionSheetHidden: false,
			attrTxt: '',
			cart_num: '',
			isAuto: false, //没有授权的不会自动授权
			isShowAuth: false //是否隐藏授权
		};
	},
	watch: {
		isLogin: {
			handler: function(newV, oldV) {
				if (newV) {
					this.downloadFilePromotionCode();
					this.combinationDetail();
				}
			},
			deep: true
		}
	},
	onLoad(options) {
		let that = this;
		// #ifdef MP
		this.navH = app.globalData.navHeight;
		// #endif
		// #ifndef MP
		this.navH = 96;
		// #endif
		//设置商品列表高度
		uni.getSystemInfo({
			success: function(res) {
				that.height = res.windowHeight;
				//res.windowHeight:获取整个窗口高度为px，*2为rpx；98为头部占据的高度；
			}
		});
		//扫码携带参数处理
		// #ifdef MP

		if (options.scene) {
			let value = this.$util.getUrlParams(decodeURIComponent(options.scene));
			if (value.id) options.id = value.id;
			//记录推广人uid
			if (value.pid) app.globalData.spid = value.pid;
		}
		if (!options.id && !options.scene)
			return this.$util.Tips(
				{
					title: '缺少参数无法查看商品'
				},
				{
					tab: 3,
					url: 1
				}
			);
		//记录推广人uid
		if (options.spid) app.globalData.spid = options.spid;
		// #endif
		if (options.hasOwnProperty('id')) {
			this.id = options.id;
			// app.globalData.openPages = '/pages/activity/goods_combination_details/index?id=' + this.id + '&spid=' + this.userInfo.uid;
			if (this.isLogin) {
				this.combinationDetail();
			} else {
				try {
					uni.setStorageSync('comGoodsId', options.id);
				} catch (e) {}
				toLogin();
			}
		} else {
			try {
				let val = uni.getStorageSync('comGoodsId');
				if (val != '') {
					this.id = val;
					this.combinationDetail();
				}
			} catch (e) {
				uni.showToast({
					title: '参数错误',
					icon: 'none',
					duration: 1000,
					mask: true
				});
			}
		}
	},
	methods: {
		// 授权关闭
		authColse: function(e) {
			this.isShowAuth = e;
		},
		/**
		 * 购物车手动填写
		 *
		 */
		iptCartNum: function(e) {
			this.$set(this.attribute.productSelect, 'cart_num', e);
			this.$set(this, 'cart_num', e);
		},
		// 返回
		returns() {
			uni.navigateBack();
		},
		// 获取详情
		combinationDetail() {
			var that = this;
			var data = that.id;
			getCombinationDetail(data)
				.then(function(res) {
					uni.setNavigationBarTitle({
						title: res.data.storeInfo.title.substring(0, 16)
					});
					that.imgUrls = res.data.storeInfo.images;
					that.storeInfo = res.data.storeInfo;
					that.attribute.productSelect.num = res.data.storeInfo.num;
					that.pink = res.data.pink;
					that.pindAll = res.data.pindAll;
					that.reply = res.data.reply ? [res.data.reply] : [];
					that.replyCount = res.data.replyCount;
					that.itemNew = res.data.pink_ok_list;
					that.pink_ok_sum = res.data.pink_ok_sum;
					that.replyChance = res.data.replyChance;
					that.attribute.productAttr = res.data.productAttr;
					that.productValue = res.data.productValue;
					that.PromotionCode = res.data.storeInfo.code_base;
					app.globalData.openPages = '/pages/activity/goods_combination_details/index?id=' + data + '&spid=' + res.data.uid;
					// #ifdef H5
					that.setShare();
					that.storeImage = that.storeInfo.image;
					that.getImageBase64();
					// #endif
					// #ifndef H5
					that.downloadFilestoreImage();
					// #endif
					// that.setProductSelect();

					that.DefaultSelect();
					setTimeout(function() {
						that.infoScroll();
					}, 500);
				})
				.catch(function(err) {
					that.$util.Tips(
						{
							title: err
						},
						{
							tab: 3
						}
					);
				});
		},
		//#ifdef H5
		setShare: function() {
			this.$wechat.isWeixin() &&
				this.$wechat
					.wechatEvevt(['updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareAppMessage', 'onMenuShareTimeline'], {
						desc: this.storeInfo.info,
						title: this.storeInfo.title,
						link: location.href,
						imgUrl: this.storeInfo.image
					})
					.then(res => {
						console.log(res);
					})
					.catch(err => {
						console.log(err);
					});
		},
		//#endif
		/**
		 * 默认选中属性
		 *
		 */
		DefaultSelect: function() {
			let self = this;
			let productAttr = self.attribute.productAttr;
			let value = [];
			for (var key in this.productValue) {
				if (this.productValue[key].quota > 0) {
					value = this.attribute.productAttr.length ? key.split(',') : [];
					break;
				}
			}
			for (let i = 0; i < productAttr.length; i++) {
				this.$set(productAttr[i], 'index', value[i]);
			}
			//sort();排序函数:数字-英文-汉字；
			let productSelect = self.productValue[value.join(',')];

			if (productSelect && productAttr.length) {
				self.$set(self.attribute.productSelect, 'store_name', self.storeInfo.title);
				self.$set(self.attribute.productSelect, 'image', productSelect.image);
				self.$set(self.attribute.productSelect, 'price', productSelect.price);
				self.$set(self.attribute.productSelect, 'stock', productSelect.stock);
				self.$set(self.attribute.productSelect, 'unique', productSelect.unique);
				self.$set(self.attribute.productSelect, 'quota', productSelect.quota);
				self.$set(self.attribute.productSelect, 'quota_show', productSelect.quota_show);
				self.$set(self.attribute.productSelect, 'product_stock', productSelect.product_stock);
				self.$set(self.attribute.productSelect, 'cart_num', 1);
				self.$set(self, 'attrValue', value.join(','));
				self.attrValue = value.join(',');
			} else if (!productSelect && productAttr.length) {
				self.$set(self.attribute.productSelect, 'store_name', self.storeInfo.title);
				self.$set(self.attribute.productSelect, 'image', self.storeInfo.image);
				self.$set(self.attribute.productSelect, 'price', self.storeInfo.price);
				self.$set(self.attribute.productSelect, 'quota', 0);
				self.$set(self.attribute.productSelect, 'quota_show', 0);
				self.$set(self.attribute.productSelect, 'product_stock', 0);
				self.$set(self.attribute.productSelect, 'stock', 0);
				self.$set(self.attribute.productSelect, 'unique', '');
				self.$set(self.attribute.productSelect, 'cart_num', 0);
				self.$set(self, 'attrValue', '');
				self.$set(self, 'attrTxt', '请选择');
			} else if (!productSelect && !productAttr.length) {
				self.$set(self.attribute.productSelect, 'store_name', self.storeInfo.title);
				self.$set(self.attribute.productSelect, 'image', self.storeInfo.image);
				self.$set(self.attribute.productSelect, 'price', self.storeInfo.price);
				self.$set(self.attribute.productSelect, 'stock', self.storeInfo.stock);
				self.$set(self.attribute.productSelect, 'quota', 0);
				self.$set(self.attribute.productSelect, 'product_stock', 0);
				self.$set(self.attribute.productSelect, 'unique', self.storeInfo.unique || '');
				self.$set(self.attribute.productSelect, 'cart_num', 1);
				self.$set(self, 'attrValue', '');
				self.$set(self, 'attrTxt', '请选择');
			}
		},

		infoScroll: function() {
			var that = this,
				topArr = [],
				heightArr = [];
			for (var i = 0; i < that.navList.length; i++) {
				//productList
				//获取元素所在位置
				var query = uni.createSelectorQuery().in(this);
				var idView = '#past' + i;
				// if (!that.data.good_list.length && i == 2) {
				//   var idView = "#past" + 3;
				// }
				query.select(idView).boundingClientRect();
				query.exec(function(res) {
					var top = res[0].top;
					var height = res[0].height;
					topArr.push(top);
					heightArr.push(height);
					that.topArr = topArr;
					that.heightArr = heightArr;
				});
			}
		},
		// 授权后回调
		onLoadFun: function(e) {
			this.downloadFilePromotionCode();
			this.combinationDetail();
		},
		selecAttr: function() {
			this.attribute.cartAttr = true;
		},
		onMyEvent: function() {
			this.$set(this.attribute, 'cartAttr', false);
			this.$set(this, 'isOpen', false);
		},
		/**
		 * 购物车数量加和数量减
		 *
		 */
		ChangeCartNum: function(changeValue) {
			//changeValue:是否 加|减
			//获取当前变动属性
			let productSelect = this.productValue[this.attrValue];
			if (this.cart_num) {
				productSelect.cart_num = this.cart_num;
				this.attribute.productSelect.cart_num = this.cart_num;
			}
			//如果没有属性,赋值给商品默认库存
			if (productSelect === undefined && !this.attribute.productAttr.length) productSelect = this.attribute.productSelect;
			//无属性值即库存为0；不存在加减；
			if (productSelect === undefined) return;
			let stock = productSelect.stock || 0;
			let quotaShow = productSelect.quota_show || 0;
			let quota = productSelect.quota || 0;
			let productStock = productSelect.product_stock || 0;
			let num = this.attribute.productSelect;
			let nums = this.storeInfo.num || 0;
			//设置默认数据
			if (productSelect.cart_num == undefined) productSelect.cart_num = 1;
			if (changeValue) {
				num.cart_num++;
				let arrMin = [];
				arrMin.push(nums);
				arrMin.push(quota);
				arrMin.push(productStock);
				let minN = Math.min.apply(null, arrMin);
				if (num.cart_num >= minN) {
					this.$set(this.attribute.productSelect, 'cart_num', minN ? minN : 1);
					this.$set(this, 'cart_num', minN ? minN : 1);
				}
				// if(quotaShow >= productStock){
				// 	 if (num.cart_num > productStock) {
				// 	 	this.$set(this.attribute.productSelect, "cart_num", productStock);
				// 	 	this.$set(this, "cart_num", productStock);
				// 	 }
				// }else{
				// 	if (num.cart_num > quotaShow) {
				// 		this.$set(this.attribute.productSelect, "cart_num", quotaShow);
				// 		this.$set(this, "cart_num", quotaShow);
				// 	}
				// }
				this.$set(this, 'cart_num', num.cart_num);
				this.$set(this.attribute.productSelect, 'cart_num', num.cart_num);
			} else {
				num.cart_num--;
				if (num.cart_num < 1) {
					this.$set(this.attribute.productSelect, 'cart_num', 1);
					this.$set(this, 'cart_num', 1);
				}
				this.$set(this, 'cart_num', num.cart_num);
				this.$set(this.attribute.productSelect, 'cart_num', num.cart_num);
			}
		},
		attrVal(val) {
			this.attribute.productAttr[val.indexw].index = this.attribute.productAttr[val.indexw].attr_values[val.indexn];
		},
		/**
		 * 属性变动赋值
		 *
		 */
		ChangeAttr: function(res) {
			this.$set(this, 'cart_num', 1);
			let productSelect = this.productValue[res];
			if (productSelect) {
				this.$set(this.attribute.productSelect, 'image', productSelect.image);
				this.$set(this.attribute.productSelect, 'price', productSelect.price);
				this.$set(this.attribute.productSelect, 'stock', productSelect.stock);
				this.$set(this.attribute.productSelect, 'unique', productSelect.unique);
				this.$set(this.attribute.productSelect, 'cart_num', 1);
				this.$set(this.attribute.productSelect, 'quota', productSelect.quota);
				this.$set(this.attribute.productSelect, 'quota_show', productSelect.quota_show);
				this.$set(this, 'attrValue', res);

				this.attrTxt = '已选择';
			} else {
				this.$set(this.attribute.productSelect, 'image', this.storeInfo.image);
				this.$set(this.attribute.productSelect, 'price', this.storeInfo.price);
				this.$set(this.attribute.productSelect, 'stock', 0);
				this.$set(this.attribute.productSelect, 'unique', '');
				this.$set(this.attribute.productSelect, 'cart_num', 0);
				this.$set(this.attribute.productSelect, 'quota', 0);
				this.$set(this.attribute.productSelect, 'quota_show', 0);
				this.$set(this, 'attrValue', '');
				this.attrTxt = '已选择';
			}
		},
		// 单独购买
		goProduct() {
			uni.navigateTo({
				url: '/pages/goods_details/index?id=' + this.storeInfo.product_id
			});
		},
		// 立即购买
		goCat() {
			var that = this;
			var productSelect = this.productValue[this.attrValue];
			//打开属性
			if (this.isOpen) this.attribute.cartAttr = true;
			else this.attribute.cartAttr = !this.attribute.cartAttr;
			//只有关闭属性弹窗时进行加入购物车
			if (this.attribute.cartAttr === true && this.isOpen == false) return (this.isOpen = true);
			//如果有属性,没有选择,提示用户选择
			if (this.attribute.productAttr.length && productSelect === undefined && this.isOpen == true)
				return that.$util.Tips({
					title: '请选择属性'
				});
			var data = {
				productId: that.storeInfo.product_id,
				secKillId: 0,
				bargainId: 0,
				combinationId: that.id,
				cartNum: that.cart_num,
				uniqueId: productSelect !== undefined ? productSelect.unique : '',
				is_new: 1
			};
			postCartAdd(data)
				.then(function(res) {
					that.isOpen = false;
					uni.navigateTo({
						url: '/pages/users/order_confirm/index?new=1&cartId=' + res.data.cartId
					});
				})
				.catch(function(res) {
					uni.showToast({
						title: res,
						icon: 'none'
					});
				});
		},
		/**
		 * 收藏商品
		 */
		setCollect: function() {
			var that = this;
			if (this.storeInfo.userCollect) {
				collectDel(this.storeInfo.product_id).then(res => {
					that.storeInfo.userCollect = !that.storeInfo.userCollect;
				});
			} else {
				collectAdd(this.storeInfo.product_id).then(res => {
					that.storeInfo.userCollect = !that.storeInfo.userCollect;
				});
			}
		},

		/**
		 * 分享打开
		 *
		 */
		listenerActionSheet: function() {
			if (this.isLogin == false) {
				toLogin();
			} else {
				// #ifdef H5
				if (this.$wechat.isWeixin() === true) {
					this.weixinStatus = true;
				}
				// #endif
				this.posters = true;
			}
		},
		// 分享关闭
		listenerActionClose: function() {
			this.posters = false;
		},
		//隐藏海报
		posterImageClose: function() {
			this.posterImageStatus = false;
		},
		//替换安全域名
		setDomain: function(url) {
			url = url ? url.toString() : '';
			//本地调试打开,生产请注销
			if (url.indexOf('https://') > -1) return url;
			else return url.replace('http://', 'https://');
		},
		//获取海报产品图
		downloadFilestoreImage: function() {
			let that = this;
			uni.downloadFile({
				url: that.setDomain(that.storeInfo.image),
				success: function(res) {
					that.storeImage = res.tempFilePath;
				},
				fail: function() {
					return that.$util.Tips({
						title: ''
					});
					that.storeImage = '';
				}
			});
		},
		/**
		 * 获取产品分销二维码
		 * @param function successFn 下载完成回调
		 *
		 */
		downloadFilePromotionCode: function(successFn) {
			let that = this;
			scombinationCode(that.id)
				.then(res => {
					uni.downloadFile({
						url: that.setDomain(res.data.code),
						success: function(res) {
							that.$set(that, 'isDown', false);
							if (typeof successFn == 'function') successFn && successFn(res.tempFilePath);
							else that.$set(that, 'PromotionCode', res.tempFilePath);
						},
						fail: function() {
							that.$set(that, 'isDown', false);
							that.$set(that, 'PromotionCode', '');
						}
					});
				})
				.catch(err => {
					that.$set(that, 'isDown', false);
					that.$set(that, 'PromotionCode', '');
				});
		},
		getImageBase64: function() {
			let that = this;
			imageBase64(that.storeImage, that.PromotionCode)
				.then(res => {
					that.storeImage = res.data.image;
					that.PromotionCode = res.data.code;
				})
				.catch(() => {});
		},
		// 小程序关闭分享弹窗；
		goFriend: function() {
			this.posters = false;
		},
		/**
		 * 生成海报
		 */
		goPoster: function() {
			let that = this;
			that.posters = false;
			that.$set(that, 'canvasStatus', true);
			let arr2 = [that.posterbackgd, that.storeImage, that.PromotionCode];
			//// #ifndef H5
			if (that.isDown)
				return that.$util.Tips({
					title: '正在下载海报,请稍后再试！'
				});
			//// #endif
			uni.getImageInfo({
				src: that.PromotionCode,
				fail: function(res) {
					return that.$util.Tips({
						title: '小程序二维码需要发布正式版后才能获取到'
					});
				},
				success() {
					if (arr2[2] == '') {
						//海报二维码不存在则从新下载
						//// #ifndef H5
						that.downloadFilePromotionCode(function(msgPromotionCode) {
							arr2[2] = msgPromotionCode;
							if (arr2[2] == '')
								return that.$util.Tips({
									title: '海报二维码生成失败！'
								});
							that.$util.PosterCanvas(arr2, that.storeInfo.title, that.storeInfo.price, that.storeInfo.ot_price, function(tempFilePath) {
								that.$set(that, 'posterImage', tempFilePath);
								that.$set(that, 'posterImageStatus', true);
								that.$set(that, 'canvasStatus', false);
								that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
							});
						});
						//// #endif
						// // #ifdef H5
						// that.$util.PosterCanvas(arr2, that.storeInfo.title, that.storeInfo.price,that.storeInfo.ot_price, function(tempFilePath) {
						// 	that.$set(that, 'posterImage', tempFilePath);
						// 	that.$set(that, 'posterImageStatus', true);
						// 	that.$set(that, 'canvasStatus', false);
						// 	that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
						// });
						// // #endif
					} else {
						//生成推广海报
						that.$util.PosterCanvas(arr2, that.storeInfo.title, that.storeInfo.price, that.storeInfo.ot_price, function(tempFilePath) {
							that.$set(that, 'posterImage', tempFilePath);
							that.$set(that, 'posterImageStatus', true);
							that.$set(that, 'canvasStatus', false);
							that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
						});
					}
				}
			});
		},

		/*
		 * 保存到手机相册
		 */
		// #ifdef MP
		savePosterPath: function() {
			let that = this;
			uni.getSetting({
				success(res) {
					if (!res.authSetting['scope.writePhotosAlbum']) {
						uni.authorize({
							scope: 'scope.writePhotosAlbum',
							success() {
								uni.saveImageToPhotosAlbum({
									filePath: that.posterImage,
									success: function(res) {
										that.posterImageClose();
										that.$util.Tips({
											title: '保存成功',
											icon: 'success'
										});
									},
									fail: function(res) {
										that.$util.Tips({
											title: '保存失败'
										});
									}
								});
							}
						});
					} else {
						uni.saveImageToPhotosAlbum({
							filePath: that.posterImage,
							success: function(res) {
								that.posterImageClose();
								that.$util.Tips({
									title: '保存成功',
									icon: 'success'
								});
							},
							fail: function(res) {
								that.$util.Tips({
									title: '保存失败'
								});
							}
						});
					}
				}
			});
		},
		// #endif
		setShareInfoStatus: function() {
			let data = this.storeInfo;
			let href = location.href;
			if (this.$wechat.isWeixin()) {
				getUserInfo().then(res => {
					href = href.indexOf('?') === -1 ? href + '?spread=' + res.data.uid : href + '&spread=' + res.data.uid;

					let configAppMessage = {
						desc: data.store_info,
						title: data.store_name,
						link: href,
						imgUrl: data.image
					};
					this.$wechat.wechatEvevt(['updateAppMessageShareData', 'updateTimelineShareData'], configAppMessage);
				});
			}
		},

		scroll: function(e) {
			var that = this,
				scrollY = e.detail.scrollTop;
			var opacity = scrollY / 200;
			opacity = opacity > 1 ? 1 : opacity;
			that.opacity = opacity;
			that.scrollY = scrollY;
			if (that.lock) {
				that.lock = false;
				return;
			}
			for (var i = 0; i < that.topArr.length; i++) {
				if (scrollY < that.topArr[i] - app.globalData.navHeight / 2 + that.heightArr[i]) {
					that.navActive = i;
					break;
				}
			}
		},
		tap: function(item, index) {
			var id = item.id;
			var index = index;
			var that = this;
			// if (!this.data.good_list.length && id == "past2") {
			//   id = "past3"
			// }
			this.toView = id;
			this.navActive = index;
			this.lock = true;
			this.scrollTop = index > 0 ? that.topArr[index] - app.globalData.navHeight / 2 : that.topArr[index];
		}
	},
	//#ifdef MP
	onShareAppMessage() {
		return {
			title: this.storeInfo.title,
			path: app.globalData.openPages,
			imageUrl: that.storeInfo.image
		};
	}
	//#endif
};
</script>

<style>
.generate-posters {
	width: 100%;
	height: 170rpx;
	background-color: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	transform: translate3d(0, 100%, 0);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	border-top: 1rpx solid #eee;
}

.generate-posters.on {
	transform: translate3d(0, 0, 0);
}

.generate-posters .item {
	flex: 50%;
	text-align: center;
	font-size: 30rpx;
}

.generate-posters .item .iconfont {
	font-size: 80rpx;
	color: #5eae72;
}

.generate-posters .item .iconfont.icon-haibao {
	color: #5391f1;
}

.navbar .header {
	height: 96rpx;
	font-size: 30rpx;
	color: #050505;
	background-color: #fff;
	/* #ifdef MP */
	padding-right: 95rpx;
	/* #endif */
}

.icon-xiangzuo {
	/* #ifdef H5 */
	top: 30rpx !important;
	/* #endif */
}

.navbar .header .item {
	position: relative;
	margin: 0 25rpx;
}

.navbar .header .item.on:before {
	position: absolute;
	width: 60rpx;
	height: 5rpx;
	background-repeat: no-repeat;
	content: '';
	background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%);
	bottom: -10rpx;
	left: 50%;
	margin-left: -28rpx;
}

.navbar {
	position: fixed;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}

.navbar .navbarH {
	position: relative;
}

.navbar .navbarH .navbarCon {
	position: absolute;
	bottom: 0;
	height: 100rpx;
	width: 100%;
}

.icon-xiangzuo {
	color: #000;
	position: fixed;
	font-size: 40rpx;
	width: 100rpx;
	height: 56rpx;
	line-height: 54rpx;
	z-index: 1000;
	left: 33rpx;
}

.product-con .wrapper {
	padding-bottom: 26rpx;
}

.product-con .wrapper .share .money .y-money {
	color: #82848f;
	margin-left: 13rpx;
	text-decoration: line-through;
	font-weight: normal;
}

.product-con .notice {
	width: 100%;
	height: 62rpx;
	background-color: #ffedeb;
	margin-top: 20rpx;
	padding: 0 30rpx;
	box-sizing: border-box;
}

.product-con .notice .num {
	font-size: 24rpx;
}

.product-con .notice .num .iconfont {
	font-size: 30rpx;
	vertical-align: -3rpx;
	margin-right: 20rpx;
}

.product-con .notice .num .line {
	color: #282828;
	margin-left: 15rpx;
}

.product-con .notice .swiper {
	height: 100%;
	width: 360rpx;
	line-height: 62rpx;
	overflow: hidden;
	margin-left: 14rpx;
}

.product-con .notice .swiper swiper {
	height: 100%;
	width: 100%;
	overflow: hidden;
	font-size: 24rpx;
	color: #282828;
}

.product-con .assemble {
	background-color: #fff;
}

.product-con .assemble .item {
	padding-right: 30rpx;
	margin-left: 30rpx;
	border-bottom: 1rpx solid #f0f0f0;
	height: 132rpx;
}

.product-con .assemble .item .pictxt {
	width: 295rpx;
}

.product-con .assemble .item .pictxt .text {
	width: 194rpx;
}

.product-con .assemble .item .pictxt .pictrue {
	width: 80rpx;
	height: 80rpx;
}

.product-con .assemble .item .pictxt .pictrue image {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.product-con .assemble .item .right .lack {
	font-size: 24rpx;
	color: #333333;
}

.product-con .assemble .item .right .time {
	position: relative;
	left: -10rpx;
	font-size: 22rpx;
	color: #82848f;
	margin-top: 5rpx;
}

.product-con .assemble .item .right .spellBnt {
	font-size: 24rpx;
	color: #fff;
	width: 140rpx;
	height: 50rpx;
	border-radius: 50rpx;
	background-image: linear-gradient(to right, #ff2358 0%, #ff0000 100%);
	text-align: center;
	line-height: 50rpx;
	margin-left: 30rpx;
}

.product-con .assemble .item .right .spellBnt .iconfont {
	font-size: 25rpx;
	margin-left: 5rpx;
}

.product-con .assemble .more {
	font-size: 24rpx;
	color: #282828;
	text-align: center;
	height: 90rpx;
	line-height: 90rpx;
}

.product-con .assemble .more .iconfont {
	margin-left: 13rpx;
	font-size: 25rpx;
}

.product-con .playWay {
	background-color: #fff;
	padding: 0 30rpx;
	margin-top: 20rpx;
	font-size: 28rpx;
	color: #282828;
}

.product-con .playWay .title {
	height: 86rpx;
	border-bottom: 1rpx solid #eee;
}

.product-con .playWay .title .iconfont {
	margin-left: 13rpx;
	font-size: 28rpx;
	color: #717171;
}

.product-con .playWay .way {
	min-height: 110rpx;
	font-size: 26rpx;
	color: #282828;
}

.product-con .playWay .way .iconfont {
	color: #cdcdcd;
	font-size: 40rpx;
	margin: 0 35rpx;
}

.product-con .playWay .way .item .num {
	font-size: 35rpx;
	vertical-align: 3rpx;
	margin-right: 6rpx;
}

.product-con .playWay .way .item .tip {
	font-size: 22rpx;
	color: #a5a5a5;
	margin-top: 7rpx;
}

.product-con .footer {
	padding: 0 20rpx 0 30rpx;
	position: fixed;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	height: 100rpx;
	background-color: #fff;
	z-index: 99;
	border-top: 1rpx solid #f0f0f0;
}

.product-con .footer .item {
	font-size: 18rpx;
	color: #666;
}

.product-con .footer .item .iconfont {
	text-align: center;
	font-size: 40rpx;
}

.product-con .footer .item .iconfont.icon-shoucang1 {
	color: #f00;
}

.product-con .footer .item .iconfont.icon-gouwuche1 {
	font-size: 40rpx;
	position: relative;
}

.product-con .footer .item .iconfont.icon-gouwuche1 .num {
	color: #fff;
	position: absolute;
	font-size: 18rpx;
	padding: 2rpx 8rpx 3rpx;
	border-radius: 200rpx;
	top: -10rpx;
	right: -10rpx;
}

.product-con .footer .bnt {
	width: 540rpx;
	height: 76rpx;
}

.product-con .footer .bnt .bnts {
	width: 270rpx;
	text-align: center;
	line-height: 76rpx;
	color: #fff;
	font-size: 28rpx;
}

.product-con .footer .bnt .joinCart {
	border-radius: 50rpx 0 0 50rpx;
	background-image: linear-gradient(to right, #fea10f 0%, #fa8013 100%);
}

.product-con .footer .bnt .buy {
	border-radius: 0 50rpx 50rpx 0;
	background-image: linear-gradient(to right, #fa6514 0%, #e93323 100%);
}

.setCollectBox {
	font-size: 18rpx;
	color: #666;
}

.canvas {
	width: 750px;
	height: 1190px;
}

.poster-pop {
	width: 450rpx;
	height: 714rpx;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	top: 50%;
	margin-top: -357rpx;
}

.poster-pop image {
	width: 100%;
	height: 100%;
	display: block;
}

.poster-pop .close {
	width: 46rpx;
	height: 75rpx;
	position: fixed;
	right: 0;
	top: -73rpx;
	display: block;
}

.poster-pop .save-poster {
	background-color: #df2d0a;
	font-size: ：22rpx;
	color: #fff;
	text-align: center;
	height: 76rpx;
	line-height: 76rpx;
	width: 100%;
}

.poster-pop .keep {
	color: #fff;
	text-align: center;
	font-size: 25rpx;
	margin-top: 10rpx;
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9;
}

.pro-wrapper .iconn {
	background-image: url('');
	width: 100rpx;
	height: 100rpx;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}

.pro-wrapper .iconn.iconn1 {
	background-image: url('');
}
</style>
